html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre, a, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, tt, form, input, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; list-style-type: none; text-decoration: none; border: 0 none; outline: none; }
* { font-family: Roboto, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
body { background: #f5f5f5; }
.left { float: left; }
.right { float: right; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.header { width: 100%; font-size: 0; font-weight: bold; line-height: 1rem; background: #fff; }
.header #icon-back { color: #666; display: inline-block; width: 20%; text-align: center; font-size: 0.4rem; }
.header span { display: inline-block; font-size: 0.4rem; padding-left: 15%; }
.main { width: 100%; overflow-y: scroll; font-size: 0.5rem; height: 414px; }
.main img { width: 100% }
.footer { width: 100%; background: #fff; margin-top: 4%; padding-top: 8%; padding-bottom: 5%; }
.footer .time_num { font-size: 0.4rem; color: #a4a3a3; width: 90%; margin-left: 5%; background: #fff2ee; height: 2.2rem; padding: 5% 0 0 8%; border-radius: 4px; }
.footer .time_w { margin-top: 2%; }
.footer .time_w .time { font-size: 0.6rem; font-weight: normal; color: #ff5858; }
.footer .operating-button { width: 90%; margin-left: 5%; }
.footer .operating-button input { width: 47%; height: 1rem; color: #fff; font-size: 0.3rem; font-weight: bold; border-radius: 20px; }
.footer .operating-button .share-btn { background: #0099ff; }
.footer .operating-button .buy-btn { background: #ffcd07; }
.main-content .content1 { background: #fff; margin-top: 7%; padding: 7% 4% 0 6%; height: 4rem; letter-spacing: 0.02rem; }
.main-content .content1 .class-title { font-size: 0.4rem; font-weight: bold; line-height: 0.7rem; }
.main-content .content1 .class-time { font-size: 0.4rem; margin: 4% 0; color: #9b9b9b; }
.main-content .content1 .class-time span { }
.main-content .content1 .class-teacher { font-size: 0.4rem; color: #9b9b9b; }
.main-content .content1 .class-teacher span { }
.main-content .content1 .class-teacher span.teacher-name { }
.main-content .content2 { background: #fff; margin-top: 7%; height: 6rem; letter-spacing: 0.02rem; padding-left: 6%; }
.main-content .content2 .apply-way { }
.main-content .content2 .apply-way a { display: inline-block; width: 0.13rem; background: #09f; height: 0.45rem; }
.main-content .content2 .apply-way span { color: #333; font-size: 0.45rem; font-weight: bold; display: inline-block; }
.main-content .content2 .module { width: 95%; margin-top: 4%; background: #fafbfb; border: 1px #e7e7e7 dashed; padding: 5% 3%; }
.main-content .content2 .module .method { font-size: 0.5rem; color: #585c64; }
.main-content .content2 .module .method-dec { font-size: 0.28rem; color: #a4a4a4; margin-top: 2%; }
.share-masking { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 998; background-color: rgba(0, 0, 0, .3); display: none; }
.share-masking img { width: 100%; margin-top: 5%; }
